<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>个人中心页面</title>
    <link rel="stylesheet" href="/user/css/PersonalCenter.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <script type="text/javascript" src="/static/js/jquery-3.6.0.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</head>
<body>
<%--    导航--%>
<div class="header-nav">
    <div class="header-nav-middle">
        <a href="/user/index.jsp" class="header-nav-item">LoveLife!</a>
        <a href="javascript:void(0)" class="header-nav-item">实物周边</a>
        <a href="javascript:void(0)" class="header-nav-item">活动中心</a>
        <a href="/user/PersonalCenter.jsp" class="header-nav-item">个人中心</a>
        <a href="/user/category.jsp" class="header-nav-item" style="margin-left: 425px">欢迎来到个人中心</a>
        <c:if test="${loginUser!=null}">
            <a href="/commons/login.jsp" class="header-nav-item">
                <c:out value="${loginUser.account},你好！">
                </c:out>
            </a>
        </c:if>
        <c:if test="${loginUser==null}">
            <a href="/commons/login.jsp" class="header-nav-item">登录</a>
        </c:if>
        <a href="/commons/register.jsp" class="header-nav-item">立即注册</a>
    </div>
</div>
<div class="header-nav-bottom"></div>
<%--    内容--%>
<div class="content">
    <div class="content-container">
        <form action="/user.do" method="post" style="float: left">
        <div class="content-left">
            <a href="/user/PersonalCenter.jsp" class="btn-left btn-01">个人信息</a>
            <a class="btn-left" id="myOrderTable">我的订单</a>
            <a href="/user/category.jsp" class="btn-left">我的购物车</a>
            <a class="btn-left">活动社区</a>
            <a class="btn-left">我的任务</a>
            <a class="btn-left">我的设置</a>
            <a class="btn-left" id="backLoginUser">
                <input type="submit" value="注销">
            </a>
            <input type="hidden" name="method" value="backLoginUser">
        </div>
        </form>
        <div class="content-right">
<%--            http://demo.axureshop.com/?url=http://cloud.axureshop.com/1hfxo4&buyurl=https://www.axureshop.com/a/1402408.html--%>
            <form action="/upload" method="post" enctype="multipart/form-data">
                <img id="u9813_img" class="img " style="width: 100%;" src="./images/u9813.png">
                <img src="/files/${imagePath}" class="content-right-img" id="content-right-img">
                <div  class="content-right-img-btn" style="position: relative;top: -182px;left: 300px;"><input type="file" name="upload" class="input-sure"><input id="input-sure" type="submit" value="确定" style="position: relative;top: -30px;left: 300px;"></div>
            </form>
                <div class="content-right-title" style="margin-top: -170px;width: 300px;height: 450px">
                    <a class="btn-right">用户ID</a>
                    <a class="btn-right">真实姓名</a>
                    <a class="btn-right">性别</a>
                    <a class="btn-right">个人简历</a>
                    <a class="btn-right">收货地址</a>
                    <a class="btn-right">出身日期</a>
                </div>
                <form action="" style="display: inline-block">
                <div class="content-right-container" style="margin-top: -170px;height: 450px">
                    <input class="btn-right-right" type="text" name="ID" id="ID" value="哥，你真猛！"/>
                    <input class="btn-right-right" type="text" name="realName" id="realName" value="张三"/>
                    <input class="btn-right-right" type="text" name="sex" id="sex" value="男"/>
                    <input class="btn-right-right" type="text" name="introduce" id="introduce" value="我是赵哥，有事电话"/>
                    <input class="btn-right-right" type="text" name="local" id="local" value="山东菏泽曹县"/>
                    <input class="btn-right-right" type="text" name="data" id="data" value="2021-09-09"/>
                </div>
                    <input id="sure-one" type="submit" value="确定" style="margin-left: 5px">
                </form>
        </div>
    </div>
</div>
<div class="bottom"></div>
<script>
    $(function () {
        $("#myOrderTable").click(function () {
            $(".content-right").load("/user/orderMyTable.jsp");
        })
    })
</script>
</body>
</html>
